<template>
	<view class="content">
		<view class="list">
			<view class="list-item">
				<view class="user u-flex">
					<u--image :src="meetdeal.user.avatar||'https://cdn.uviewui.com/uview/album/1.jpg'" shape="circle"
						width="44rpx" height="44rpx">
					</u--image>
					<text>{{ meetdeal.user.nickname }}</text>
				</view>
        <view class="title">
          {{ meetdeal.title }}
        </view>
				<view class="title_content">
					{{ meetdeal.content }}
				</view>
				<view class="images u-flex">
					<view class="iamges-item" v-for="(item,index) in meetdeal.images">
						<!--						<view class="new-tip">-->
						<!--							更新-->
						<!--						</view>-->
						<u--image :src="item.fullurl||'https://cdn.uviewui.com/uview/album/1.jpg'" radius="16rpx"
							width="136rpx" height="136rpx">
						</u--image>
					</view>
				</view>
			</view>
		</view>
		<view class="button" @click="upTopics()">
			修改会议记录
		</view>
		<!-- 驳回弹窗 -->
		<u-modal :show="show" @confirm="confirm" @cancel="cancel" ref="uModal" title="驳回理由" confirmText="确定"
			:showCancelButton="true">
			<view class="slot-content reason-content">
				<u--textarea v-model="reason" height="100" placeholder="请驳回理由~" border="surround" confirmType="done">
				</u--textarea>
			</view>
		</u-modal>
	</view>
</template>

<script>
  import {RecordDetail} from "../../../api/meetApi";
	export default {
		data() {
			return {
				show: false,
				reason: '',
				meetdeal: {},
				meet_id: ''
			}
		},
		onLoad(options) {
			this.meet_id = options.id
		},
		onShow(){
			this.getdetail()
		},
		methods: {
			cancel() {
				this.show = false;
				reason: ''
			},
			upTopics() {
				uni.navigateTo({
					url: '/pages/tabbar-1-detial/meetingRecord/uploadRecord?id=' + this.meet_id,
				});
			},
			// 驳回
			confirm() {},
			getdetail() {
				let params = {
					token: uni.getStorageSync('token'),
					meet_id: this.meet_id
				}
        RecordDetail(params).then(res => {
					this.isLoading = false;
					console.log(res)
					if (res.code == 1) {
						this.meetdeal = res.data
					}
				})
			}
		}
	}
</script>

<style>
	.content {
		background-color: #F8F8F8;
		min-height: 100vh;
	}

	.u-flex {
		display: flex;
		align-items: center;
	}

	.list {
		padding: 20rpx 30rpx;
	}

	.list-item {
		background: #FFFFFF;
		border-radius: 16rpx;
		opacity: 1;
		padding: 30rpx;
		margin-bottom: 20rpx;
	}

	.user text {
		font-size: 28rpx;
		font-weight: bold;
		color: #333333;
		margin-left: 10rpx;
	}

	.title {
		margin-top: 20rpx;
		font-size: 28rpx;
    font-weight: bold;
		color: #333333;
		line-height: 52rpx;
    word-break: break-all;
    overflow: auto;
    white-space: normal;
    text-align: justify;
	}
  .title_content {
    margin-top: 20rpx;
    font-size: 28rpx;
    font-weight: 500;
    color: #333333;
    line-height: 52rpx;
    word-break: break-all;
    overflow: auto;
    white-space: normal;
    text-align: justify;
  }
	.images {
		margin-top: 20rpx;
		margin-bottom: 10rpx;
	}

	.iamges-item {
		margin-right: 40rpx;
		position: relative;
	}

	.file-box {
		position: relative;
		margin: 20rpx 0;
		padding: 20rpx;
		background: #F8F9FC;
		border-radius: 16rpx;
		opacity: 1;
		font-size: 28rpx;
		font-weight: 500;
		color: #4871C0;
	}

	.button-box {
		width: 128rpx;
		height: 64rpx;
		line-height: 64rpx;
		text-align: center;
		border-radius: 16rpx;
		opacity: 1;
		font-size: 28rpx;
		font-weight: 500;
		margin-top: 20rpx;
	}

	.button1 {
		color: #4871C0;
		border: 1px solid #4871C0;
		margin-left: auto;
	}

	.button2 {
		color: #FFFFFF;
		background: #4871C0;
		margin-left: 20rpx;
	}

	.new-tip {
		position: absolute;
		top: 0;
		right: 0;
		width: 56rpx;
		height: 32rpx;
		line-height: 32rpx;
		background: #FF7A00;
		border-radius: 0px 16rpx 0px 10rpx;
		opacity: 1;
		font-size: 18rpx;
		color: #fff;
		z-index: 22;
		text-align: center;
	}

	.reject {
		padding-left: 42rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #666666;
		line-height: 52rpx;
	}

	.reason-content {
		width: 100%;
		border-radius: 8rpx;
		opacity: 1;
	}

	/deep/ .u-modal__content {
		text-align: center !important;
	}

	/deep/.u-textarea {
		background: #F8F8F8;
		border-radius: 8rpx;
		opacity: 1;
		text-align: left;
	}

	/deep/.uni-textarea-placeholder {
		text-align: left;
		font-size: 28rpx;
		font-weight: 500;
		color: #999999;
	}

	.button {
		background: #4871C0;
		border-radius: 8rpx;
		opacity: 1;
		font-size: 28rpx;
		font-weight: 500;
		color: #FFFFFF;
		text-align: center;
		padding: 30rpx 0;
		position: fixed;
		width: calc(100% - 60rpx);
		bottom: 10rpx;
		left: 30rpx;
	}
	/deep/ .u-steps-items{
		flex-direction: row!important;
		/deep/ .u-text{
			margin: 0!important;
		}
	}
</style>
